<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style type="text/css">
    *{padding:0; margin:0}
    html, body{width:100%; height:100%}
    body{
        background-image:url('/Public/image/home/beijing01.png');background-repeat:no-repeat;font-size:14px;font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; overflow:hidden; z-index:1;
    }
    .meitou{
        overflow:hidden;margin:0;padding:0;height:6em;width:100%;opacity:0.8;filter:"alpha(opacity=80)";-ms-filter:"alpha(opacity=80)";
    }
    .zhuquyu{
        position:absolute;top:50%;left:50%;width:404px;height:304px;margin-left:-200px;margin-top:-200px;border-radius:15px;
    }
    .yangshi{
        text-shadow:#000000 1px 1px 1px;text-align:right;font-size:28px;color:#ffffff;opacity:0.5;overflow:hidden;float:left;border:2px solid #ffffff;width:198px;height:148px;line-height:148px; border-radius:15px;
    }
    .wenxue{background-image:url('/Public/image/home/wenxue.jpg');}
    .zhengquan{background-image:url('/Public/image/home/zhengquan.jpg');}
    .gongzuo{background-image:url('/Public/image/home/gongzuo.jpg');}
    .zupu{background-image:url('/Public/image/home/zupu.jpg');}

</style>

    <div class="meitou">
        <P></P>
    </div>

    <div class="zhuquyu">
        <a href="/index.php/Home/WenXue/index" ><div class="yangshi wenxue" >文学</div></a>
        <a href="#"><div class="yangshi zhengquan" >证券</div></a>
        <a href="#"><div class="yangshi gongzuo" >工作</div></a>
        <a href="/index.php/Home/ZuPu/index"><div class="yangshi zupu" >族谱</div></a>
    </div>

</body>
</html>